﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Pagemaitre.Master" AutoEventWireup="true" CodeBehind="Facturation.aspx.cs" Inherits="Tp2.Factuation" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" media="screen" type="text/css" href="Ressource/Facturation.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contenuPage" runat="server">
    <div>
        <a href="panier.aspx">Retour au panier</a>
        <h1>Facture</h1>
        <div id="factureAffichage">
            <p class="infoGauche">No du client</p>
            <span class="infoDroite" id="NoClient" runat="server"></span><br />
            <span class="infoClient" id="NomClient" runat="server"></span><br />
            <span class="infoClient" id="AdresseClient" runat="server"></span><br />
            <span class="infoClient" id="CodePostalClient" runat="server"></span><br />
            <span id="ProduitDuClient" runat="server"></span>
            <p class="infoGauche">Sous-total</p>
            <span class="infoDroite" id="SousTotal" runat="server"></span><br />
            <p class="infoGauche">T.P.S.</p>
            <span class="infoDroite" id="TPS" runat="server"></span><br />
            <p class="infoGauche">T.V.Q.</p>
            <span class="infoDroite" id="TVQ" runat="server"></span><br />
            <p class="infoGauche"><strong>Total</strong></p>
            <span class="infoDroite" id="Total" runat="server"></span><br />
        </div>

        <h1>Information du compte de la carte de crédit</h1>
        
        <div>
            <input type="radio" name="groupRadio" id="Mastercard" value="Mastercard" runat="server" checked /><label for="Mastercard">Mastercard</label>
            <input type="radio" name="groupRadio" id="Visa" value="Visa" runat="server"/><label for="Visa">Visa</label>
        </div>
        <div>
            <label for="txtNom">Votre nom :</label>
            <input type="text" id="txtNom" name="txtNom" runat="server" class="Profil"/>
            <asp:RequiredFieldValidator ID="ValidationNomChamps" runat="server" 
                ControlToValidate="txtNom" ErrorMessage="Nom Obligatoire" ForeColor="#CC0000">*</asp:RequiredFieldValidator>
        </div>
        <div>
            <label for="txtPrenom">Votre prénom :</label>
            <input type="text" id="txtPrenom" name="txtPrenom" runat="server" class="Profil"/>
            <asp:RequiredFieldValidator ID="ValidationPrenom" runat="server" 
                ControlToValidate="txtPrenom" ErrorMessage="Prénom obligatoire" 
                ForeColor="#CC0000">*</asp:RequiredFieldValidator>
        </div>
        <div>
            <label for="txtadresse">Votre addresse :</label>
            <input type="text" id="txtadresse" name="txtadresse" runat="server" class="Profil" />
            <asp:RequiredFieldValidator ID="ValidationAdresse" runat="server" 
                ControlToValidate="txtadresse" ErrorMessage="Adresse Obligatoire" 
                ForeColor="#CC0000">*</asp:RequiredFieldValidator>
        </div>
        <div>
            <label for="txtVille">Votre ville :</label>
            <input type="text" id="txtVille" name="txtVille" runat="server" class="Profil" />
            <asp:RequiredFieldValidator ID="ValidationVille" runat="server" 
                ControlToValidate="txtVille" ErrorMessage="Ville Obligatoire" 
                ForeColor="#CC0000">*</asp:RequiredFieldValidator>
        </div>
        <div>
            <label for="selectProvince">Votre province :</label>
            <select id="selectProvince" runat="server" class="Profil">
                <option value="Choix">Choississez votre Province</option>
			    <option value="quebec">Québec</option>
			    <option value="ontario">Ontario</option>
			    <option value="nouveaubrunswick">Nouveau-Brunswick</option>
                <option value="nouvelleEcosse">Nouvelle-Écosse</option>
                <option value="IlePrinceEdouard">Île-du-Prince-Édouard</option>
                <option value="TerreNeuve">Terre Neuve</option>
                <option value="Manitoba">Manitoba</option>
                <option value="Alberta">Alberta</option>
                <option value="Sakatchewan">Sakatchewan</option>
                <option value="ColombieBritannique">Colombie-Britannique</option>
                <option value="Autres">Autres</option>
		    </select>
            <asp:CustomValidator ID="validationProvince" runat="server" 
                ControlToValidate="selectProvince" 
                ForeColor="#CC0000" onservervalidate="ValidationProvince">*</asp:CustomValidator>
        </div>
        <div>
            <label for="txtCode">Votre code postal :</label>
            <input type="text" id="txtCode" name="txtCode" runat="server" class="Profil" 
                maxlength="7" /><asp:RegularExpressionValidator 
                ID="ValidationCodePostal1" runat="server" ControlToValidate="txtCode" 
                ErrorMessage="Code postal doit être sous le format X0X0X0 " 
                ForeColor="#CC0000" 
                ValidationExpression="[A-Za-z][0-9][A-Za-z][ ][0-9][A-Za-z][0-9]?" 
                Display="Dynamic">*</asp:RegularExpressionValidator>
            <asp:RequiredFieldValidator ID="ValidationCodePostal2" runat="server" 
                ControlToValidate="txtCode" ErrorMessage="Code postal Obligatoire" 
                ForeColor="#CC0000" Display="Dynamic">*</asp:RequiredFieldValidator>
        &nbsp;</div>
        <div>
            <label for="txtNumero">Numéro de telephone : </label>
            <input type="text" id="txtNumero" name="txtNumero" runat="server" class="Profil"/>
            <asp:RequiredFieldValidator ID="ValidationTel1" runat="server" 
                ControlToValidate="txtNumero" 
                ErrorMessage="Numero de telephone obligatoire" ForeColor="#CC0000" 
                Display="Dynamic">*</asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="ValidationTel2" runat="server" 
                ControlToValidate="txtNumero" Display="Dynamic" 
                ErrorMessage="Numero de telephone doit être sous le format XXX-XXX-XXXX" 
                ForeColor="#CC0000" 
                ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}">*</asp:RegularExpressionValidator>
        </div>
        <div>
            <label for="txtNumCarte">Numéro de carte de crédit : </label>
            <input type="text" id="txtNumCarte" name="txtNumCarte" runat="server" class ="Profil" />
            <asp:RequiredFieldValidator ID="ValidationCredit1" runat="server" 
                ControlToValidate="txtNumCarte" Display="Dynamic" 
                ErrorMessage="Numéro de carte de crédit obligatoire" ForeColor="#CC0000">*</asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="ValidationCredit2" runat="server" 
                ControlToValidate="txtNumCarte" Display="Dynamic" 
                ErrorMessage="Numéro de carte de crédit doit être sous le format 1234123412341234" 
                ForeColor="#CC0000" ValidationExpression="\d{16}">*</asp:RegularExpressionValidator>
        </div>
        <div>
            <label for="txtDate">Date d'expiration<br />
            (mm/dd/aaaa) : </label>
            <input type="text" id="txtDate" name="txtDate" runat="server" class="Profil" />
            <asp:RegularExpressionValidator ID="ValidationDate2" runat="server" 
                ControlToValidate="txtDate" Display="Dynamic" 
                ErrorMessage="La date doit être sous le format mm/dd/aaaa" ForeColor="#CC0000" 
                ValidationExpression="\d{2}/\d{2}/\d{4}">*</asp:RegularExpressionValidator>
            <asp:CustomValidator ID="validationDate" runat="server" Display="Dynamic" 
                ForeColor="#CC0000" onservervalidate="validationDate_ServerValidate">*</asp:CustomValidator>
        </div>
        <div>
            <label for="txtCodeVerif">Code de vérification(derrière la carte) : </label>
            <input type="text" id="txtCodeVerif" name="txtCodeVerif" runat="server" 
                class="Profil" maxlength="3" /><asp:RequiredFieldValidator 
                ID="ValidationCodeVerification2" runat="server" 
                ControlToValidate="txtCodeVerif" Display="Dynamic" 
                ErrorMessage="Code de vérification obligatoire" ForeColor="#CC0000">*</asp:RequiredFieldValidator>
            <asp:RegularExpressionValidator ID="ValidationCodeVerification1" runat="server" 
                ControlToValidate="txtCodeVerif" Display="Dynamic" 
                ErrorMessage="Doit contenir que des chiffres" ForeColor="#CC0000" 
                ValidationExpression="\d{3}">*</asp:RegularExpressionValidator>
&nbsp;</div>
        <div id="SoumettrePaiement">
            <input type="submit" value="Paiement" />
            <asp:ValidationSummary ID="ListValidation" runat="server" DisplayMode="List" 
                ForeColor="#CC0000" Height="200px" />
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="javascriptContent" runat="server">
</asp:Content>
